import api from '../../utils/api'
import https from '../../utils/https'
import Toast from '@vant/weapp/toast/toast';
Page({

  /**
   * 页面的初始数据
   */
  data: {
    name: '',
    phone: '',
    autoaddress:'',
    address: '',
    isDefault: false,
    latitude: 0,
    longitude: 0,
    markers: []
  },
  // 选择当前位置
  chooseLocation() {
    wx.chooseLocation({
      success: res => {
        console.log(res)
        this.setData({
          autoaddress:res.name,
          address: res.address,
          latitude: res.latitude,
          longitude: res.longitude,
          markers: [{
            id: 1,
            latitude: res.latitude,
            longitude: res.longitude,
            callout: {
              content: res.name,
              color: '#ffffff',
              bgColor: '#007aff',
              padding: 8,
              borderRadius: 4,
              display: 'ALWAYS'
            }
          }]
        })
      }
    })
  },
  // 设置默认地址
  setDefaultAddress(e) {
    this.setData({
      isDefault: e.detail.value
    })
    },
  //提交表单 
  formSubmit(e) {
      console.log('form发生了submit事件，携带数据为：', e.detail.value)
      const {name, phone, autoaddress,address, isDefault, latitude, longitude} = e.detail.value
      https.post(api.api.address,{name:name,phone:phone,autoaddress:autoaddress,address:address,isDefault:isDefault}).then(res=>{
        Toast.success('添加成功');
        wx.navigateBack({
          delta: 1
        })
      })
      // TODO: 将地址信息保存到本地或后台
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    // 获取当前位置经纬度
    wx.getLocation({
      type: 'gcj02',
      success: res => {
        this.setData({
          latitude: res.latitude,
          longitude: res.longitude,
          markers: [{
            id: 1,
            latitude: res.latitude,
            longitude: res.longitude,
            callout: {
              content: '当前位置',
              color: '#ffffff',
              bgColor: '#007aff',
              padding: 8,
              borderRadius: 4,
              display: 'ALWAYS'
            }
          }]
        })
      }
    })
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})